@layout("/common/_container.html",{js:["/assets/basic/basicGoods/basicGoods_edit.js"]}){
<style>
	.layui-form-item {
    	margin-bottom: 2px;
	}
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
    	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Edit</span><!-- 编辑 -->
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="basicGoodsForm" lay-filter="basicGoodsForm" class="layui-form layui-form-pane" style="max-width: 1350px;margin: 10px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>Edit Product Information</legend><!-- 修改商品信息 -->
                </fieldset>
                  <div class="layui-form-item">
				    <div class="layui-inline">
				      <label class="layui-form-label" style="font-weight: 600;">Customer<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <select id="goodsCustomerId" name="goodsCustomerId" lay-filter="goodsCustomerId" lay-verify="required" required>
                                @for(item in basicCustomerList!){
                                <option value="${item.id}">${item.customerName}</option>
                                @}
                            </select>
				      </div>
				      <div class="layui-form-mid">    </div>
				      <label class="layui-form-label" style="font-weight: 600;">Product Name<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsName" name="goodsName" placeholder="Enter product name" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                      <label class="layui-form-label" style="font-weight: 600;">Product Code<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsNumber" name="goodsNumber" placeholder="Enter product code" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                      <label class="layui-form-label">SKU</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsNo" name="goodsNo" placeholder="Enter SKU" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                      <label class="layui-form-label">Mnemonic Code</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsHelpcode" name="goodsHelpcode" placeholder="Enter mnemonic code" type="text" class="layui-input"/>
				      </div>
				    </div>
				  </div>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Unit</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsUnit" name="goodsUnit" placeholder="Enter unit" type="text" class="layui-input"/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Cargo Type</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <select id="goodsHeavybubble" name="goodsHeavybubble" lay-verify="">
                                <option value=""></option>
                                <option value="Heavy Cargo">Heavy Cargo</option><!-- 重货 -->
                                <option value="Bulk Cargo">Bulk Cargo</option><!-- 泡货 -->
                            </select>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label">Packaging</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsPacking" name="goodsPacking" placeholder="Enter packaging" type="text" class="layui-input"/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label">Specifications</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsSpecs" name="goodsSpecs" placeholder="Enter specifications" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                            <label class="layui-form-label">Product Category</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsBigtype" name="goodsBigtype" placeholder="Enter product category" type="text" class="layui-input"/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label">Product Type</label>
				      <div class="layui-input-inline" style="width: 180px;">
                            <input id="goodsType" name="goodsType" placeholder="Enter product type" type="text" class="layui-input"/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label">Storage Condition</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <select id="goodsCondition" name="goodsCondition" lay-verify=""  lay-filter="aihao">
                                    <option value=""></option>
                                    <option value="Room Temperature">Room Temperature</option><!-- 常温 -->
                                    <option value="Refrigerated">Refrigerated</option><!-- 冷藏 -->
                                    <option value="Frozen">Frozen</option><!-- 冷冻 -->
                                </select>
				      </div>
				    </div>
				  </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>Pallet Rules</legend><!-- 码托规则 -->
                </fieldset>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                                <label class="layui-form-label" style="font-weight: 600;">Bottom<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsBottom" name="goodsBottom" placeholder="Enter bottom" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label" style="font-weight: 600;">Layers<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsLamination" name="goodsLamination" placeholder="Enter layers" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label" style="font-weight: 600;">Quantity per Pallet<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsSupportvolume" name="goodsSupportvolume" placeholder="Enter quantity per pallet" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label" style="font-weight: 600;">Pallet Layers<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsTraylayer" name="goodsTraylayer" placeholder="Enter pallet layers" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				    </div>
				  </div>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                                <label class="layui-form-label">Length(m)</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="length" name="length" placeholder="Enter length" type="text" class="layui-input" />
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label">Width(m)</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="width" name="width" placeholder="Enter width" type="text" class="layui-input"/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label">Height(m)</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="height" name="height" placeholder="Enter height" type="text" class="layui-input"/>
				      </div>
				    </div>
				  </div>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>Product Data</legend><!-- 商品数据 -->
                </fieldset>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                                <label class="layui-form-label" style="font-weight: 600;">Volume(m³)<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsVolume" name="goodsVolume" placeholder="Enter volume (m³)" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label" style="font-weight: 600;">Weight(Kg)<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsWeight" name="goodsWeight" placeholder="Enter weight" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label" style="font-weight: 600;">Charging Price<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsCharging" name="goodsCharging" placeholder="Enter charging price" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				    </div>
				  </div>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                                <label class="layui-form-label" style="font-weight: 600;">Shelf Life(days)<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsWarranty" name="goodsWarranty" placeholder="Enter shelf life" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                                <label class="layui-form-label">Carton Specification</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="xianggui" name="xianggui" placeholder="System automatically prompts carton quantity" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>

                  <div class="layui-form-item">
				    <div class="layui-inline">
                                <label class="layui-form-label">Remarks</label>
				      <div class="layui-input-inline" style="width: 180px;">
                                <input id="goodsNodes" name="goodsNodes" placeholder="Enter remarks" type="text" class="layui-input"/>
				      </div>
				    </div>
				  </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit &emsp;</button><!-- 提交 -->
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back &emsp;</button><!-- 返回 -->
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}
